 body {
   font-family: Arial, sans-serif;
   max-inline-size: 800px;
   margin: 0 auto;
   padding: 20px;
 }

 h1 {
   color: #333;
 }

 .upload-section,
 .file-list-section {
   margin-block-end: 30px;
   padding: 20px;
   border: 1px solid #ddd;
   border-radius: 5px;
   background-color: #f9f9f9;
 }

 #fileInput {
   margin: 10px 0;
 }

 #uploadStatus {
   margin-block-start: 10px;
   color: green;
   font-weight: bold;
 }

 #fileList {
   list-style-type: none;
   padding: 0;
 }

 #fileList li {
   padding: 8px;
   margin: 5px 0;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .download-btn {
   padding: 5px 10px;
   background-color: #4CAF50;
   color: white;
   text-decoration: none;
   border-radius: 4px;
 }

 .download-btn:hover {
   background-color: #45a049;
 }

 .error {
   color: red;
 }

 /* 弹窗样式 */
 .modal {
   display: none;
   position: fixed;
   z-index: 1;
   inset-inline-start: 0;
   inset-block-start: 0;
   inline-size: 100%;
   block-size: 100%;
   background-color: rgba(0, 0, 0, 0.4);
 }

 .modal-content {
   background-color: #fefefe;
   margin: 15% auto;
   padding: 20px;
   border: 1px solid #888;
   inline-size: 300px;
   border-radius: 5px;
 }

 .close {
   color: #aaa;
   float: inline-end;
   font-size: 28px;
   font-weight: bold;
   cursor: pointer;
 }

 .close:hover {
   color: black;
 }

 .token-input {
   inline-size: 100%;
   padding: 8px;
   margin: 10px 0;
   box-sizing: border-box;
 }

 .submit-token {
   inline-size: 100%;
   padding: 10px;
   background-color: #4CAF50;
   color: white;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }

 .submit-token:hover {
   background-color: #45a049;
 }